<template>
<!-- 人气推荐 -->
    <div class="hotGoodsList">
    <div class="hotGoodsListwenzi">人气推荐</div>
    <van-card
    currency=""
   :price="item.retail_price|filterPrice"
   :desc="item.goods_brief"
   :title="item.name"
   :thumb="item.list_pic_url"
    v-for="item in hotGoodsList" :key="item.id"
   />
    </div>
</template>

<script>
export default {
    props:["hotGoodsList"],
    data () {
        return {

 
        }
    }
}
</script>
 
<style lang = "less" scoped>
    .hotGoodsList{
        background-color: #fff;
         font-family: "黑体";
    }
    .hotGoodsListwenzi{
        height: .5rem;
        font-size: .2rem;
        line-height: .5rem;
        text-align: center;
    }
    .van-card__title{
        line-height: .28rem;
        font-size: .18rem;
    }
    .van-card__desc{
        /* height: .4rem; */
        /* line-height: .4rem; */
        margin-top: .1rem;
    }
    .van-card__price{
        font-size: .12rem;
        color: #8B0000;
    }
</style>